	page{ 
		@include backG;
	}
	.container{
		position: relative;
	}
	.swiper,.goodsNav{
		@include width;
	}
	.earningsAre{
		@include width;
		@include backG(black,white);
		@include font($fontSize - 4rpx);
		@include height(60rpx);
		.earningsItem{
			@include height(60rpx);
			@include borderR(0rpx 30rpx 30rpx 0);
			@include padding(0 20rpx);
		}
		.earningsItem2{
			@include height(60rpx);
			@include padding(0 20rpx);
			@include flex-align-justify;
			&>image{
				@include widthHeight(25rpx);
				@include margin(10rpx,'left');
			}
		}
		.eadningsBtn{
			@include border(2rpx,$borderBg)
			@include width(100rpx);
			@include height(40rpx);
			@include text-align;
			@include font($fontSize - 6rpx);
			@include margin(30rpx,'right');
		}
	}
	.goodsMainAre{
		@include font($fontSize + 4rpx);
		align-content: center;
		@include justify-content;
		@include padding(20rpx 0);
		.goodsSubAre{
			@include font($fontSize - 4rpx,$greyColor);
		}
	}
	
	.mainAre{
		@include width;
		@include border(20rpx,$borderBg,'top')
	}
	.itemAre{
		height: 100rpx;
		@include font($fontSize - 2rpx);
	}
	.evaluationAre{
		@include margin(30rpx,'bottom');
		@include font($fontSize - 4rpx);
		.userInfo{
			@include justify-content('s');
			@include margin(10rpx,'bottom');
			&>image{
				@include widthHeight(60rpx);
				@include borderR(50%);
			}
		}
	}
	.storeAre{
		@include font;
		.storeItemAre{
			@include justify-content('s');
			@include margin(20rpx,'top');
			.storeImg{
				@include widthHeight(80rpx);
				@include margin(20rpx,'right');
			}
			.storeBtn{
				@include height(48rpx);
				@include borderR(24rpx);
				@include justify-content('c');
				font-size: $fontSize - 4rpx;
			}
			.storeBtn1{
				@include width(130rpx);
			}
			.storeBtn2{
				@include width(132rpx);
				@include margin(20rpx,'left');
			}
		}
		.storeParameterList{
			height: 80rpx;
			@include margin(40rpx 0 20rpx);
			@include font;
			.storeParameter{
				align-content: center;
				@include flex-align-justify;
				@include padding(0 60rpx);
			}
		}
	}
	.pColor{
		font-size: $fontSize - 4rpx;
	}
	.titleAre{
		@include width;
		@include height(90rpx);
		@include font($fontSize + 6rpx);
		font-weight: bold;
		@include padding(30rpx,'left');
		
	}
	.goodsDetailsAre{
		@include flex-align-justify;
		@include margin(20rpx 0 50rpx);
	}
	.funcBtnAre{
		@include width(auto);
		flex-flow: row nowrap;
		align-items: center;
		position: fixed;
		right: 15rpx;
		top: calc(var(--window-top) + 100rpx);
		z-index: 99;
	}
	.bg{
		@include widthHeight(64rpx);
		@include borderR(50%);
		@include flex-align-justify;
		@include backG(#7f7f7f);
		@include border(2rpx,#6f6f6f)
		position: relative;
		image{
			@include widthHeight(35rpx);
		}
	}
	.bg2{
		position: absolute;
		top: -15rpx;
		right: -15rpx;
	}
	.funcAre{
		@include widthHeight(100%,96rpx);
		@include border(2rpx,$borderBg,'top');
		@include backG;
		position: fixed;
		bottom: 0;
		z-index: 99;
		@include justify-content('b');
		.funcItemBtn{
			align-items: center;
			align-content: center;
			@include font;
			@include margin(30rpx,'left');
			&>image{
				@include widthHeight(40rpx);
			}
		}
		.btnAre{
			@include widthHeight(600rpx,96rpx);
			@include justify-content('e');
		}
		.funcBtn{
			@include widthHeight(240rpx,96rpx);
			@include font;
			@include borderR(0);
			@include flex-align-justify;
		}
	}
	.shopAre{
		@include width;
		@include height(80rpx);
		@include backG($blackColor,white);
		@include font($fontSize);
		.shopImg{
			@include widthHeight(50rpx);
			@include borderR(10rpx);
			@include margin(20rpx,'right');;
		}
	}